.coupon-page{
    height:100%;
    width:100%;
    display: flex;
    flex-direction: column;
    .coupon-main{
        flex:1;
        display: flex;
        .coupon-div{
            overflow-y: auto;
            .stamp {
                width:97%;
                height: 125px;
                padding: 0 10px;
                position: relative;
                margin: 10px auto;
                overflow: hidden;
                display: flex;
                justify-content: space-between;
              }
              .stamp:before {
                content: '';
                position: absolute;
                top:0;
                bottom:0;
                left:10px;
                right:10px;
                z-index: -1;
              }
              .stamp:after {
                content: '';
                position: absolute;
                left: 10px;
                top: 10px;
                right: 10px;
                bottom: 10px;
                box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5);
                z-index: -2;
              }
              .stamp .i{
                position: absolute;
                left: 20%;
                top: 45px;
                height: 125px;
                width: 100%;
                background-color: rgba(255,255,255,.15);
                transform: rotate(-30deg);
              }
              .stamp .par{
                float: left;
                padding: 16px 15px;
                width: 220px;
                border-right:2px dashed rgba(255,255,255,.3);
                text-align: left;
              }
              .stamp .par .p{
                color:#fff;
                font-size:16px;
              }
              .stamp .par .span{
                font-size: 40px;
                color:#fff;
                margin-right: 10px;
                }
              .stamp .par .sub{
                position: relative;
                top:-5px;
                color:rgba(255,255,255,.8);
                }
              .stamp .copy{
                display: flex;
                padding:10px 14px;
                width:100px;
                vertical-align: text-bottom;
                font-size: 16px;
                color:rgb(255,255,255);
                justify-content: center;
                align-items: center;
              }
              .stamp .copy p{
                font-size: 16px;
                margin-top: 15px;
              }
              .stamp01{
                background: #F39B00;
                background: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 5px, #F39B00 5px);
                background-size: 15px 15px;
                background-position: 9px 3px;
              }
              .stamp01:before{
                background-color:#F39B00;
              }
              .stamp02{
                background: #D24161;
                background: radial-gradient(transparent 0, transparent 5px, #D24161 5px);
                background-size: 15px 15px;
                background-position: 9px 3px;
              }
              .stamp02:before{background-color:#D24161;}
        }
    }
}